Navigation drawer 導航抽屜

在大螢幕上使用固定式的導航選單

在小螢幕上使用彈出式的導航選單

導航選單可以設定為預設展開或收起

導航選單分兩種：固定式和彈出式

常用功能放在最上面，相似的功能放在一起

1 Standard navigation drawer標準導航抽屜 2 Modal navigation drawer 模態導航抽屜

M2

M3

1 Container 2 Headline 3 Label text 4 Icon 5 Active indicator 6 Badge label text 7 Scrim

States 狀態

1 Enabled 已啟用 2 Hovered 懸停 3 Focused 已聚焦 4 Pressed 已按下

Standard navigation drawer標準導航抽屜

Attribute 屬性	Value 值
Container height 容器高度	100%
Container width 容器寬度	360dp
Icon size 圖示大小	24dp
Active indicator height 活動指示器高度	56dp
Active indicator shape 活動指示器形狀	28dp
Active indicator width 活動指示器寬度	336dp
Horizontal label alignment水平標籤對齊	Start-aligned 起始對齊
Left padding 左內邊距	28dp
Right padding 右內邊距	28dp
Active indicator padding活動指示器內邊距	12dp
Padding between elements元素之間的間距	0dp

Modal navigation drawer 模態導航抽屜

Attribute 屬性	Value 值
Container height 容器高度	100%
Container width 容器寬度	360dp
Icon size 圖示大小	24dp
Active indicator height 活動指示器高度	56dp
Active indicator shape 活動指示器形狀	28dp
Active indicator width 活動指示器寬度	336dp
Horizontal label alignment水平標籤對齊	Start-aligned 起始對齊
Left padding 左內邊距	28dp
Right padding 右內邊距	28dp
Active indicator padding活動指示器內邊距	12dp
Padding between elements元素之間的間距	0dp

Modal navigation drawer 模態導航抽屜

Attribute 屬性	Value 值
Container height 容器高度	100%
Container width 容器寬度	360dp
Icon size 圖示大小	24dp
Active indicator height 活動指示器高度	56dp
Active indicator shape 活動指示器形狀	28dp
Active indicator width 活動指示器寬度	336dp
Horizontal label alignment水平標籤對齊	Start-aligned 起始對齊
Left padding 左內邊距	28dp
Right padding 右內邊距	28dp
Active indicator padding活動指示器內邊距	12dp
Padding between elements元素之間的間距	0dp